import {PlCol, PlRow} from "plain-design";
import React from "react";
import './index.less'
import SummaryCardSales from './summary-card/summary-card-sales'
import SummaryCardProdBrowse from './summary-card/summary-card-browse'
import SummaryCardOrderStatistic from './summary-card/summary-card-order-statistic'
import SummaryCardActivity from './summary-card/summary-card-activity'
import StoreBrowserCard from './store-browser-card/index'
import KeywordAnalysis from './keyword-analysis'
import KeywordStructure from './keyword-structure'
import {designProPage} from "../../designProPage";

export default designProPage((props) => {

    return () => <>
        <div className="pro-data-statistic">
            <PlRow gutter={24} className="pro-data-statistic-summary-card-list">
                <PlCol span={6}>
                    <SummaryCardSales/>
                </PlCol>
                <PlCol span={6}>
                    <SummaryCardProdBrowse/>
                </PlCol>
                <PlCol span={6}>
                    <SummaryCardOrderStatistic/>
                </PlCol>
                <PlCol span={6}>
                    <SummaryCardActivity/>
                </PlCol>
            </PlRow>
            <StoreBrowserCard/>
            <PlRow gutter={24} className="pro-data-statistic-summary-card-list">
                <PlCol span={12}>
                    <KeywordAnalysis/>
                </PlCol>
                <PlCol span={12}>
                    <KeywordStructure/>
                </PlCol>
            </PlRow>
        </div>
    </>
})